<template>
  <div class="padding-lr20 rem-32px">
    <div class="flex justify-between line-height-100 border-bottom" @click="go('/setup/phone')">
      <div class="word-all">手机号</div>
      <div class="flex c-66">
        <span>{{user_phone}}</span>
        <i class="iconfont icon-you-copy"></i>
      </div>
    </div>
    <div class="flex justify-between line-height-100 border-bottom" @click="go('/perfectInfo')">
      <div>公司信息</div>
      <div class="flex c-66">
        <i class="iconfont icon-you-copy"></i>
      </div>
    </div>
    <div class="flex justify-between line-height-100 border-bottom" @click="go('/auth')">
      <div>公司认证</div>
      <div class="flex c-66">
        <i class="iconfont icon-you-copy"></i>
      </div>
    </div>
    <div class="flex justify-between line-height-100 border-bottom" @click="go('/setup/password')">
      <div>修改密码</div>
      <div class="flex c-66">
        <i class="iconfont icon-you-copy"></i>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      user_phone: ""
    };
  },
  mounted() {
    document.querySelector("html").style.backgroundColor = "#ffffff";
    this.getUser();
  },
  methods: {
    getUser() {
      this.user_phone = localStorage.getItem("qx_phone");
    },
    go(name) {
      this.$router.push({
        path: name,
        query: {
          type: 1
        }
      });
    }
  }
};
</script>

<style scoped>
.cover_img {
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 50%;
}
.iconfont {
  font-size: 0.28rem;
  color: #666;
}
.icon-you-copy {
  margin-left: 0.1rem;
}
</style>